﻿body
{
    margin: 0;
    padding: 0;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 63%;
    line-height: 2.1em;
    background: #EEEEEE url(images/bg.gif) repeat-x;
    color: #515151;
}

h2{margin-bottom:5px;}

img{ vertical-align:bottom; border:0;}

a
{
	color: #333300;
	text-decoration:none;
}

a:hover{color:Gray}

#content a
{
    color: #CC0000;
}

#content a:hover
{
    color: #000000;
}



.b1,.b2,.b3,.b4,.b1b,.b2b,.b3b,.b4b,.b{display:block;overflow:hidden;}
.b1,.b2,.b3,.b1b,.b2b,.b3b{height:1px;}
 .b2,.b3,.b4,.b2b,.b3b,.b4b,.b{border-left:1px solid #999;border-right:1px solid #999;}
.b1,.b1b{margin:0 5px;background:#999;}
.b2,.b2b{margin:0 3px;border-width:2px;}
.b3,.b3b{margin:0 2px;}
.b4,.b4b{height:2px;margin:0 1px;}
.d1{background:transparent;}
.xcontent{padding:2px 5px;}

.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.stdlm{margin-left:10px;}
.justify{text-align:justify;}
.text-center{text-align:center;}

.red{color:red}

.mf{font-size:1.2em}
.h1cover{width:1px; height:1px; overflow:hidden;}
.h1area{width:9999px; text-align:right;}

.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000;}


* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

ul.greentick li{margin-bottom:.5em;}
ul.greentick h3{background:url(images/icons/greentick.png) no-repeat left center; font-weight:bold; font-size:1.2em; padding-left:1.5em; margin-bottom:0.6em;}

ul.stdul{ list-style:none; margin:0; padding:0;}
ul.s li{margin-bottom:1em}


#wrapper
{
    width: 800px;
    text-align: left;
    overflow: hidden;
    font-size: 1.2em;
    margin:auto;
    /*background:white;*/
}

#top
{
    overflow:hidden;
    text-align:center; 
    border-left:1px solid #717171;
    border-right:1px solid #717171;
}
    
    #mainarea
    {
        border-left:1px solid #c0c0c0;
        border-right:1px solid #c0c0c0;
         border-bottom:1px solid #c0c0c0;
         background:white url(images/contentbg.png) repeat-y -9px;
    }
    
#content
{
    width: 580px;
    overflow: hidden;
    padding-bottom: 1em;
}
#bottom{padding-top:10px; background:#EEEEEE}
#leftmenu{float:left; overflow:hidden; width:190px; 
}

#bottom #copy{text-align:right;}
#bottom #copy a
{
    color: gray;
}

#bottom #copy a:hover{color:#0000cc}

#bottom #im{float:left;}

.vmenu{font-size: 1.2em; margin:0; padding:0; list-style:none; }
.vmenu li{overflow:hidden; margin:0; float:left}
.vmenu a
{
    height:30px;
	float: left;
	width:190px;
	background: #000 url(images/vmenuback.png) repeat-x; 
}
.vmenu a:hover
{
	border-right-color: #009933;
}
.vmenu a div{margin-top:5px; margin-left:10px;}

.vmenu a.current {font-weight:bold;}

.vsubmenu{list-style:none; height:auto; font-size:.8em; overflow:hidden; }
.vsubmenu li{background:none; height:auto; float:left; clear:both; width:100%;}
.vsubmenu a{background:none; height:auto; width:auto;}

.stdtbl {border:0;}
.stdtbl td{padding-right:30px;}

.fulltable {border:1px solid black; border-collapse:collapse}
.fulltable th, .fulltable tr.foot td
{
    background-color: #666666;
    color: #FFFFFF;
}

.fulltable td
{
    background-color: #C0C0C0;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-color: #000000;
    border-bottom-color: #000000;
}

.formtable
{
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
}
.formtable td{padding:5px;}
.formtable td.fieldname{padding-right:20px;}
.textbox
{
    border: 1px solid #C0C0C0;
    width:20em;
    font-size:.9em;
}


#homemain{height:38em; background_:white url(images/mainbg.jpg) no-repeat right bottom}

#deptarea h1
{
    font-size: 1.3em;
    line-height:1.2em;
    color: #000099;
    border-bottom: 1px solid red;
    padding-bottom: 5px;
    border-bottom-color: #FF3300;
    border-bottom-width: 2px;
}
#deptarea h2{font-size:1.2em;}
/*.common td{padding-right:5em;}
.common td.last{padding-right:0}*/

#deptarea .majorbox{}

.wordtitle
{
    color: #0066FF;
    font-size: 1.2em;
    font-weight: bold;
    padding:1em 0;
}

.wordbody
{

}

.answerbox
{
    padding: 0px;
    border: 1px solid #0066FF;
    background-color: #F0FFFF;
    float:left;
    _margin-left:10px;
    margin: 5px 0;
    clear:both;
    width:500px;
    padding:.5em;
}

.mapcanvas{border:1px solid black;}
.tbhld{border-collapse:collapse;}
.tbhld td
{
    vertical-align: top;
    padding: 5px auto;
    padding-right: 30px;
    border-bottom: 1px solid dimgray;
    border-bottom-color: #E4E4E4;
}
.process{width:20em}

.process .item
{
    border: 1px dashed #666666;
    background-color: #E6F1FF;
    font-size: 1.2em;
    text-align: center;
    padding: 10px;
    margin: 5px 0;
}

.process .img
{
    text-align:center;
}

.subject{width:100%}

.subject .last{padding-right:0;}

.subject em
{
    font-style: normal;
    color: #3333CC;
    font-size: 1.2em;
    font-weight: bold;
}

.masterlist h2
{
    font-size: 2em;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #999966;
    padding: .5em;
    padding-left: 15px;
    background-color: #FFF5D7;
    color: #663300;
}

.masterlist h3
{
    font-size:1.2em;
}

.masterlist h4
{
    font-size:1em;
}

.masterlist h3
{
    border-top: 1px solid black;
    color: #384E70;
}

.thumb{height:50px; width:50px; overflow:hidden; text-align:center;
}


.facility .facdesc{padding:20px 0 0 0; width:560px;}
.facility .facdesc h2
{
    font-size: 1.2em;
    color: #CC0000;
    margin-bottom: 0;
}
.facility .facname{font-size:1.3em; color:#cc0066; border-bottom:1px solid gray; float:none;}
.facility .facimg{margin: 10px 0; border-bottom:1px dashed gray; padding-bottom:20px; padding-top:10px;}
.facility .facimg .imgbox{float1:right; margin-left:10px;}
.facility .facimg h2{font-size:1em; margin-top:0;}

.newsitem{border-bottom: 1px solid green; padding-bottom:10px;}
.newsitem h2
{
    font-size: 1.3em;
    margin: 10px 0 0 0;
    color: #0066CC;
}
.newsitem h3
{
    font-size: 1.2em;
    margin: 0;
    color: #666666;
}

.main h2{font-size:1.2em; margin-top:1em;}
.mainsection
{
    border: 1px solid #999999;
    margin-bottom:20px;
    padding-bottom:5px;
}

.mainsection h2{ font-size:1.2em;background-color: #E2E1D3; padding:3px; margin-top:0; }
.mainsection h2 span {font-size:1em; font-weight:normal;}


.mainsection .mainsectioncont
{
    padding: 1em;
}

.mainsection .mainbox
{
    border:1px solid black;
    width:100px;
    height:100px;
    float:left;
    margin-right:10px;
    overflow:hidden;
}

.mainsection .maintext
{
    color: #666666;
    /*text-align:justify;*/
}

.ut{font-size:1.2em;}
.ut .red{font-size:12px}

.graddeptimg{max-width:570px;}

div#imageContainer{height:352px;}
div#imageContainer img{max-height:352px;}